<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8"/>
		<title>IST 5313 - Final Project Template</title>
		<link href="styles/styles.css" rel="stylesheet" type="text/css"/>
	</head>	
	<body>
		<header>
			<img src="images/header.png" alt="Online Learning Module - IST 5313 Final Project Template Graphic Header"
				title="Online Learning Module - IST 5313 Final Project Template Graphic Header"/>
		</header>
		<section id="main-content">
			<article id="main-info">
			
				<header>
					<h1 id="topic-title">Topic 3</h1>
				</header>
				
				<p>
				 Vestibulum ut neque quam posuere et velit. Cras sed dui at odio fringilla pharetra. Pellentesque leo mi, varius eget euismod et, facilisis et ligula. Donec velit leo, tincidunt sed ultricies sed, convallis molestie est. Sed et ornare diam. Donec sit amet leo diam, eget dignissim odio. Ut orci augue, tempus non molestie eu, scelerisque et felis. Nam hendrerit interdum sem, et luctus sapien sollicitudin sit amet. Vivamus ultrices lacus elementum lacus fringilla ac consectetur magna ultricies. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin suscipit pulvinar lacinia.
				</p>
				<p>
				Aliquam porta adipiscing ipsum, vel tristique turpis blandit non. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut bibendum, lorem ac ullamcorper volutpat, diam augue porta velit, et blandit leo nunc a turpis. Vestibulum mauris nunc, placerat at bibendum nec, mollis id nisi. Integer et est id lectus consectetur tristique eget vitae nisi. Quisque a volutpat est. Aliquam non congue mauris. Pellentesque turpis quam, facilisis vel porta quis, cursus in magna. In vitae risus sit amet velit faucibus consectetur.
				</p>
				<p>
				Nullam enim velit, suscipit sed volutpat non, tempus vitae dui. Proin lorem nisi, dignissim vel vehicula mattis, lobortis ac lacus. In ut felis sem, vitae porttitor felis. Nunc varius congue arcu, nec dignissim eros molestie sed. Fusce suscipit porttitor tellus, sit amet dignissim nunc consectetur a. Nam vitae risus ut nibh dapibus varius nec non urna. Quisque feugiat lorem eu turpis interdum porttitor. Nulla vulputate est dapibus arcu sagittis sed feugiat felis volutpat. Nunc ac urna lacus. Vestibulum at iaculis turpis. Aliquam luctus congue lacus a ultricies. Cras sollicitudin gravida urna ut commodo. Curabitur tristique nibh a tellus dapibus porttitor at at quam. </p>
				</p>			
					
				<footer>
					<cite>
						<strong>References</strong><br/>
						<a href="http://creativecommons.org">CreativeCommons</a><br/>
						<a href="http://lipsum.org">Lorem Ipsum</a><br/>
						<a href="http://wikipedia.org">Wikipedia</a><br/>
						<a href="http://www.grsites.com">GR Sites</a>
						
						
					</cite>
				</footer> 
			</article>
			
			<aside id="aside-info">
				<header>
					<p id="aside-title-audio">Audio</p>
					<audio controls="controls" autoplay="autoplay" >
						<source src="audio/people113.mp3" type="audio/mp3">
						<source src="audio/people113.ogv" type="audio/ogg">
						Your browser does not support the audio tag.
					</audio>
					<br/>
				</header>
				<header>
					<p id="aside-title-audio">Transcript</p>
				</header>
				<div id="transcript">
				Nullam elementum lorem eu tellus tincidunt sit amet tristique odio mollis. Vestibulum lorem velit, vestibulum malesuada accumsan eget, molestie ullamcorper risus. Nullam tempor malesuada risus, a dapibus purus faucibus et. Ut porta pharetra volutpat. Nam lacinia diam in dui volutpat eu condimentum sapien ultrices. Phasellus erat turpis, sagittis a aliquam eu, facilisis ut lectus. Etiam consectetur libero nec dui pretium hendrerit. Maecenas velit tortor, dignissim et lobortis non, viverra id enim. Ut eu magna dui. Pellentesque est lorem, lacinia a accumsan vel, interdum vel nibh. Curabitur rutrum dictum convallis. Curabitur eget elit eros. Pellentesque est enim, aliquam eu feugiat volutpat, consectetur in metus. Donec quis tellus tristique augue sodales condimentum ac nec tellus.
				Nullam elementum lorem eu tellus tincidunt sit amet tristique odio mollis. Vestibulum lorem velit, vestibulum malesuada accumsan eget, molestie ullamcorper risus. Nullam tempor malesuada risus, a dapibus purus faucibus et. Ut porta pharetra volutpat. Nam lacinia diam in dui volutpat eu condimentum sapien ultrices. Phasellus erat turpis, sagittis a aliquam eu, facilisis ut lectus. Etiam consectetur libero nec dui pretium hendrerit. Maecenas velit tortor, dignissim et lobortis non, viverra id enim. Ut eu magna dui. Pellentesque est lorem, lacinia a accumsan vel, interdum vel nibh. Curabitur rutrum dictum convallis. Curabitur eget elit eros. Pellentesque est enim, aliquam eu feugiat volutpat, consectetur in metus. Donec quis tellus tristique augue sodales condimentum ac nec tellus.
				</div>
			</aside>
			<div id="main-content-clear"></div>
			
		</section>
		
		<nav id="sub-navigation">
			<span class="menu-link-inactive">Topic 3:</span>
			<a href="topic-3a.html" class="sub-menu-link">Sub-topic 3a</a>
			<a href="topic-3b.html" class="sub-menu-link">Sub-topic 3b</a>
			<a href="topic-3c.html" class="sub-menu-link">Sub-topic 3c</a>
			<a href="topic-3d.html" class="sub-menu-link">Sub-topic 3d</a>
		</nav>
		<nav id="navigation">
			<a href="topic-1.html" class="menu-link">Topic 1</a>
			<a href="topic-2.html" class="menu-link">Topic 2</a>
			<span class="menu-link-inactive">Topic 3</span>
			<a href="assessment.html" class="menu-link">Assessment</a>
			<a href="certificate.html" class="menu-link">Certificate of Completion</a>
		</nav>

	</body>
</html>